<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<link rel="stylesheet" href="css/style.css">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/iscroll.js"></script>
	<title>新华保险贺卡</title>
</head>
<body>
	<audio id="bgsound" src="music/2.mp3" autoplay></audio>
	<input id="stop"  class="loading" type="button">
	<div class="light"></div>
	<div id="wrapper">
	<div id="scroller">
		<ul>
			<li class="content_li">
			<div class="yuanxiao"></div>
			</li>
			<li>
			<div class="content">
					<div class="text_content">
						<div class="input_content">
							<input type="text" class="text_for" value="请编辑内容">
							<textarea class="text_detials" id="" >谢谢您对这我一年工作的支持，在此祝您元旦快乐！阖家欢乐！</textarea>
							<input type="text" class="write_name" value="您的朋友民生保险">
						</div>
						<div class="button_content">
							<input class="save" type="button" value="保存">
							<input class="share" type="button" value="分享">
						</div>
					</div>
				</div>
			</li>
		</ul>
	</div>
</div>
</body>
<script type="text/javascript">
	$(function(){
		/**bgsound*/
		$("#stop").on('click',function(){
				flag = $("#bgsound").attr('src').length;
				if (flag > 0) {
					$("#stop").removeClass('loading');
					$("#bgsound").attr('src','');
				}else {
					$("#stop").addClass('loading');
					$("#bgsound").attr('src','music/2.mp3');
				}			
			})
		/*iscroll*/
		var windowWidth = document.documentElement.clientWidth;
		$("#wrapper").width(windowWidth);
		$("#scroller").width(windowWidth*2);
		$("#scroller li").width(windowWidth);
	})
	function loaded() {
		var myScroll = new iScroll('wrapper', {
			snap: true,
			momentum: false,
			hScrollbar: false,
		 });
	}
	document.addEventListener('DOMContentLoaded', loaded, false);
	</script>
</html>